.container-archive {
    .count {
        padding: 16px 8px;
    }

    .desc {
        font-size: .20rem;
    }

    .recentf {
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;

        .desc {
            font-size: .12rem;
            padding: 8px;
        }

        .rec-post .rec-post-item {
            a {
                font-size: .14rem;
                display: inline-block;
                background: $gray-white-600;
                margin: 4px;
                padding: 4px 8px;
                border-radius: 4px;
            }
        }

    }

    .tags {
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;

        .arc-item {
            padding: 4px;
            background: $gray-100;
            margin: 4px;
            width: 32.6%;
            box-sizing: border-box;

            .arc-desc {
                padding: 8px 0;
                a {
                    font-size: .16rem;

                    sup {
                        color: $gray-300;
                    }
                }
            }

            .arc-post {
                display: flex;
                flex-wrap: wrap;

                .arc-post-item {
                    a {
                        font-size: .14rem;
                        display: inline-block;
                        background: $gray-white-600;
                        margin: 4px;
                        padding: 4px 8px;
                        border-radius: 4px;
                    }
                }
            }
        }
    }
}